<html>
      <head>
            <title>志愿者报名表</title>
            <style>
	h1 span{
	          color:red;
                      }
	div{
	        width:500px;
	        height:1150px;
                        padding:100px;
	        
	        border-width:20px;
	        border-style:solid;
	        border-color:gray;
	        margin: 0 auto;  
	        text-align:center;
	   }
	.two {width:400px;}
	.four{width:500px;
	         height:200px;}
	.three {
	        display: block;
               	        border-color:green;
	        padding-top:5px;
	       padding-bottom:5px;
	        width:300px;
	        margin: 0 auto;  
	        text-align:center;
	}
         </style>
      </head>
<div>
<body style="background-color:pink">
<h1 ><span>志愿者</span>报名表</h1>
<form  method="POST" action="pro.php">
	<label>你的证件照</label>
<br/>
	<input type="file" name="photo">
<br/>
<br/>
       姓名 ：<input class="two"  type="text"  placeholder="输入姓名"name="userName"/>
        <br/>
              学号 ：<input class="two"  type="text" placeholder="输入学号" name="userNumber"/>
        <br/>
        手机 ：<input  class="two" type="text" placeholder="输入手机号" name="userPhone"/>
        <br/>
        QQ   ： <input  class="two" type="text" placeholder="输入QQ号码" name="userQQ"/>
        <br/>
        邮箱 ：<input class="two"  type="text"  placeholder="输入QQ邮箱"name="usereEail"/>
        <br/>
        寝室 ：<input  class="two" type="text" placeholder="用于即时发送物件" name="userRoom"/>
        <br/>	
<hr/>
         性别:
         男    <input type="radio" value="boy" name="gender" checked="checked"/>
         女    <input type="radio" value="boy" name="gender" />
<br/>
<br/>
<hr/>
          <select     onblur="size=0" onmousedown="if(options.length>2){size=4}" onchange="size=0" class="three">
	<option  >选择专业</option>
	<option>计算机大类</option>
                <option>教育技术</option>
	<option>中美</option>
	<option>智能</option>
	<option>美术</option>
	<option>物理</option>
	<option >传媒</option>
	<option>数学</option>
	<option>其他</option>
          </select>
<br/>
<br/>
          <select   onblur="size=0" onmousedown="if(options.length>2){size=3}" onchange="size=0" class="three" >
	<option >选择年级	
	<option>2016级</option>
                <option>2017级</option>
	<option >2018级</option>
	<option >2019级</option>
	<option >2020级</option>
	<option >2021级</option>
          </select>
<br/>
<br/>
         <select class="three"  onblur="size=0" onmousedown="if(options.length>2){size=3}" onchange="size=0">
	<option  >选择想要参加的志愿活动</option>
	<option >秩序引导活动</option>
                <option >爱心支教活动</option>
	<option>“守护天使”活动</option>
	<option >预科生手拉手活动</option>
          </select>
<br/>
<br/>
         <select  class="three" onblur="size=0" onmousedown="if(options.length>2){size=4}" onchange="size=0">
	<option >选择做志愿的时间</option>
	<option >7:00</option>
                <option >9:00</option>
	<option>13:00</option>
	<option>15:00</option>
	<option>17:00</option>
	<option>19:00</option>
          </select>
<br/>
<br/>
<hr/>
          个人简介:<br/>
          <textarea clos="50" rows="10" class="four">
              提示:可以分享你参加过的志愿活动经历
          </textarea>
          <br/>
          <input type="submit"  value="确定"  />
          <input type="reset"  value="重置" />
<br/>
<br/>
         个人态度:<br/>
          <textarea clos="50" rows="10" class="four" >
              是对做志愿这件事的态度！
          </textarea>
          <br/>
          <input type="submit"  value="确定"  />
          <input type="reset"  value="重置" />
<br/>

<br/>
<hr/>
          <input type="button" onclick="alert('提交成功！')" value="提交">

</form>
</body>
</div>
</html>




          